SelectorsHub Chrome Extension

xpath plugin to auto generate, write and verify xpath & cssSelector..
SelectorsHub is a xPath plugin and cssselector plugin.

It can be used as smart editor to write and verify xpath, cssSelector, Playwright selectors, jQuery and JS Path. SelectorsHub can also be used to auto generate the unique xpath, css Selector and all possible selectors.

Very simple steps to use selectorshub xpath plugin-

1. After adding it to browser, restart the browser.

2. Open DevTools.

3. Click on selectorshub tab (refer screenshot).

4. Here it will show all possible xpath, selectors for inspected element.

5. To build your own xpath or CSS Selector, start typing in the selector input box.

To learn more about SelectorsHub, please checkout product page-

https://www.selectorshub.com/selectorshub/

Watch this tutorial to make the best use it.

https://www.youtube.com/watch?v=LFFKIG9TxFk

Features-

It auto generates -

1) axes based xpath, relative xpath, index based xpath & absolute xpath.

2) Unique relative cssSelector

3) All possible selectors for inspected element

4) JS Path and jQuery.

It supports

1) xpath and cssSelector error handling

2) shadow dom and nested shadow dom

3) iframe and nested iframe

4) svg elements

5) Dynamic elements,

6) verify multiple xpaths and complete locators page.

7) It suggest what exception automation will give for the respective element.

If you are facing any issue or want to give a feedback, feel free to reach out to me at [email protected]

How to install SelectorsHub chrome extension in chrome Browser

You can Follow the below Step By Step procedure to install the SelectorsHub Chrome Extension to your Chrome Web browser.

• Step 1: Go to the Chrome webstore https://chrome.google.com/webstore or download the extension SelectorsHub Chrome Extension Download from https://pluginsaddonsextensions.com
• Step 2: Now search for the SelectorsHub in Chrome Webstore Search and click on the search button.
• Step 3: click on the SelectorsHub Chrome Extension Link
• Step 4: in the next page click on the Add to Chrome button to Download and Install the SelectorsHub extension for your Chrome Web browser .